<li class="list-group-item d-flex justify-content-start align-items-center">
    <a class="flex-shrink-0"
       href="{{route('users.show',$notification->data['user_id'])}}">
        <img width="54"
             class="img-thumbnail"
             src="{{$notification->data['user_avatar']}}"
             alt="{{$notification->data['user_name']}}">
    </a>
    <section class="d-flex flex-column px-2 flex-grow-1">
        <div>
            <a  class="text-decoration-none"
                href="{{route('users.show',$notification->data['user_id'])}}">
                {{$notification->data['user_name']}}
            </a>
            <span>  评论了 </span>
            <a  class="text-decoration-none"
                href="{{$notification->data['topic_link']}}">
                {{$notification->data['topic_title']}}
            </a>
        </div>
        <div>
            {!! $notification->data['reply_content'] !!}
        </div>
    </section>
    <small class="text-secondary" style="min-width: max-content;">
        <i class="fa fa-regular fa-clock"></i>
        {{$notification->created_at->diffForHumans()}}
    </small>
</li>
